/***************************************************** FIX IOS ********************************************************/

.ui-datatable { cursor: pointer; }

.ui-chkbox { cursor: pointer;}

.ui-datatable table, .ui-datatable-resizable table { table-layout: auto !important; }

.ui-treetable table { table-layout: fixed }

/******************************************************* PAGE *********************************************************/

html, body, div, table, img, fieldset {

    border: 0;

    margin: 0;

    padding: 0;
}

body, pre, PRE {

    font-family: Tahoma, Trebuchet MS, sans-serif;

    font-size: 0.65em;
}


/******************************************************* LAYOUT *******************************************************/

.pnlHeader {

    z-index: 100;

    width : 100%;

    height: 42px;

    float: left;

    position: fixed; top: 0; left: 0;

    background: url('40-Banner.png') repeat-x left top;
}

.pnlNavigator {

    z-index: 100;

    position: fixed; top: 38px; left: 0;
}

.pnlContainer {

    margin-top: 39px;

    float: left;

    width: 100%;
}

.pnlContent {

    margin: 10px;
}

/******************************************************* HEADER *******************************************************/

#head\3A start {

    zoom: 0.88;

    float: left;

    border: none;

    height: 31px;

    width:  32px;

    cursor: pointer;

    background: url(../icons.png) 128px 80px !important;
}

.search {

    -webkit-border-radius: 0!important;

    -moz-border-radius: 0!important;

    border-radius: 0!important;


    -webkit-box-shadow: 0 0 0!important;

    -moz-box-shadow: 0 0 0!important;

    box-shadow: 0 0 0!important;


    background-color: #ffffff!important;

    height: 16px!important;

    width: 105px!important;
}

.search .ui-inputfield {

    -webkit-border-radius: 0!important;

    -moz-border-radius: 0!important;

    border-radius: 0!important;


    -webkit-box-shadow: 0 0 0!important;

    -moz-box-shadow: 0 0 0!important;

    box-shadow: 0 0 0!important;


    background: #ffffff!important;

    text-align: center!important;

    font-weight: bold!important;

    cursor: pointer!important;

    padding: 1px!important;
}

.time {

    float:right;

    color: #fff;
}

.status {

    border: none;

    height: 32px;

    width:  32px;

    z-index:   5;

    position: fixed; bottom: 0; right: 10px;
}

.statusImg {

    -moz-box-shadow: 0 0 8px #85b2cb, inset 0 0 0 #fff;

    -webkit-box-shadow: 0 0 8px #85b2cb, inset 0 0 0 #fff;

    box-shadow: 0 0 8px #85b2cb, inset 0 0 0 #fff;

    padding-right:2px;

    padding-left:2px;

    padding-top: 2px;
}

.windowsApp {

    padding: 0;

    width: 16px;

    height: 16px;

    border: none;

    float: right;

    margin-right: 15px;

    background: url(../icons.png) 0 -32px !important;
}

.closeSession {

    zoom: 0.88;

    padding: 0;

    width:  32px;

    height: 32px;

    border: none;

    float: right;

    background: url(../icons.png) 96px 80px !important;
}

.closeTrn {

    zoom: 1;

    padding: 0;

    width: 10px;

    height: 26px;

    outline: none;

    margin: 0;

    right:  0;

    cursor: pointer;

    position: absolute;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    vertical-align: baseline;

    border-radius: 0 .4em .4em 0;

    -moz-border-radius: 0 .4em .4em 0;

    -webkit-border-radius: 0 .4em .4em 0;

    box-shadow: 0 1px 2px rgba(0,0,0,.2);

    text-shadow: 0 1px 1px rgba(0,0,0,.3);

    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);

    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);

    font: 14px/100% Arial, Helvetica, sans-serif;
}

.button {

    zoom: 1;

    width: 95px;

    height: 22px;

    outline: none;

    cursor: pointer;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    padding: 2px 2px 2px 2px;

    vertical-align: baseline;

    border-radius: 0 .4em .4em 0;

    -moz-border-radius: 0 .4em .4em 0;

    -webkit-border-radius: 0 .4em .4em 0;

    box-shadow: 0 1px 2px rgba(0,0,0,.2);

    text-shadow: 0 1px 1px rgba(0,0,0,.3);

    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);

    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);

    font: 11px/100% Helvetica, sans-serif;

    color: #ffffff !important;
}

.button:hover {

    text-decoration: none;
}

.button:active {

    top: 1px;

    position: relative;
}

.orange {

    background: #f78d1d;

    border: solid 1px #da7c0c;

    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);

    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

.orange:hover {

    background: #f47c20;

    background: -moz-linear-gradient(top,  #f88e11,  #f06015);

    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

.orange:active {

    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);

    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.blue {

    background: transparent;

    border: solid 1px #5268c3;
}

.blue:hover {

    background: #538018;

    background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);

    background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}


/******************************************************** MENU ********************************************************/

.navHeader {

    height: 20px;

    color: #2e2e2e;

    font-size: 12px;

    font-weight: bold;

    padding: 3px 0 1px 4px;

    border-bottom: 1px solid #d9d9d9;

    font-family: Trebuchet MS, Tahoma, sans-serif;

    background: #FFF url('26-Header.gif') repeat-x top left;
}

.navContent {

    padding: 2px 2px 2px 2px;

    min-height: 600px;

    max-height: 600px;

    min-width: 300px;

    height: 600px;

    overflow: auto;

    color: #494949;
}


/******************************************************** TREE ********************************************************/

#treecontrol {

    margin: 1em 0;

    display: none;
}

.treeview, .treeview ul {

    vertical-align: middle;

    white-space: nowrap;

    list-style: none;

    padding: 0;

    margin: 0;
}

.treeview .hitarea {

    margin-left: -16px;

    cursor: pointer;

    height: 16px;

    width: 16px;

    float: left;
}

* html .hitarea { /* fix for IE6 */

    display: inline;

    float:none;
}

.treeview li {

    padding: 3px 0 3px 16px;

    margin: 0;
}

.treeview .hover {

    text-decoration: none;

    color: #318496;
}

.treeview a {

    text-decoration: none;

    cursor: pointer;

    color: #000000;

    display: block;

    padding: 5px;
}

.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px }

.treeview .expandable-hitarea { background-position: -80px -3px }

.treeview li.last { background-position: 0 -1766px }

.treeview li.lastCollapsable, .treeview li.lastExpandable { }

.treeview li.lastCollapsable { background-position: 0 -111px }

.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0 }

.filetree li { }

.filetree span.folder { background: url(16-Folder.gif) no-repeat center left }

.filetree li.expandable span.folder { background: url(16-FolderClose.gif) no-repeat center left }

.filetree span.file { background: url(16-Node.png) no-repeat center left }

.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; vertical-align: middle; display: block }

.filetree span.file:hover {

    background: url(16-NodeOver.png) no-repeat center left;

    -moz-box-shadow: 0 0 8px #85b2cb, inset 0 0 0 #fff;

    -webkit-box-shadow: 0 0 8px #85b2cb, inset 0 0 0 #fff;

    box-shadow: 0 0 8px #85b2cb, inset 0 0 0 #fff;
}

.filetree span.folder:hover {

    -moz-box-shadow: 0 0 8px #85b2cb, inset 0 0 0 #fff;

    -webkit-box-shadow: 0 0 8px #85b2cb, inset 0 0 0 #fff;

    box-shadow: 0 0 8px #85b2cb, inset 0 0 0 #fff;
}

/***************************************************** TRANSACTION ****************************************************/

.rowNvx table td { border: transparent 1px solid; }

.rowNv1 { background: #ffffff; color:#000000; font-weight: bold }

.rowNv2 { background: #ffffff; color:#000000; font-weight: bold }

.rowNv3 { background: #ffffff; color:#000000; font-weight: bold }

.rowNv4 { background: #ffffff; color:#000000; font-style: italic; font-size: 0.95em }

.rowRed   td { background-color: #ff5638; font-weight: bold }

.rowSel   td { background-color: #edbc29; }

.rowN1 td { background-color: #93c619; font-weight: bold }

.rowN2 td { background-color: #c7dc1c; font-weight: bold }

.rowN3 td { background-color: #feff94; color:#000000; font-weight: bold; font-size: 0.9em }

.rowN4 td { background-color: #ffffff; color:#000000; font-size: 0.92em; font-style: italic }

.align-top td { vertical-align: top }

.align-text-top td { vertical-align: text-top }

.align-text-bottom td { vertical-align: text-bottom }

.align-bottom td { vertical-align: bottom }

.align-text-center td { text-align: center }

.ui-Form {

    position: absolute;

    padding:  0;

    z-index: 10;

    height: auto;

    width: auto;

    left:33%;

    top:20%;
}

.toolBar {

    -webkit-border-radius: 7px 7px 0 0 / 7px 7px 0 0!important;

    -moz-border-radius: 7px 7px 0 0 / 7px 7px 0 0!important;

    border-radius: 7px 7px 0 0 / 7px 7px 0 0!important;


    -webkit-box-shadow: none!important;

    -moz-box-shadow: none!important;

    box-shadow: none!important;


    border-bottom: 0!important;

    padding: 7px!important;

    margin: 0!important;
}

.form-Header {

    -webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0!important;

    -moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0!important;

    border-radius: 5px 5px 0 0 / 5px 5px 0 0!important;

    border-bottom: none!important;
}

.form-Content {

    -webkit-border-radius: 0 0 5px 5px / 0 0 5px 5px!important;

    -moz-border-radius: 0 0  5px 5px / 0 0 5px 5px!important;

    border-radius: 0 0 5px 5px / 0 0 5px 5px!important;

    border-top: none!important;
}

.form-Content span {

    color: #000000;
}

.bean {

    width: 100%;

    margin-top: 15px;

    margin-bottom: 15px
}

.ui-icon-new {

    width: 16px; height: 16px; background: url(../icons.png) 64px 48px !important;
}

.ui-icon-edit {

    width: 16px; height: 16px; background: url(../icons.png) 64px 32px !important;
}

.ui-icon-save {

    width: 16px; height: 16px; background: url(../icons.png) 80px 48px !important;
}

.ui-icon-search {

    width: 16px; height: 16px; background: url(../icons.png) 96px 48px !important;
}

.ui-icon-find {

    width: 16px; height: 16px; background: url(../icons.png) 48px 48px !important;
}

.ui-icon-del {

    width: 16px; height: 16px; background: url(../icons.png) 112px 32px !important;
}

.ui-icon-add {

    width: 16px; height: 16px; background: url(../icons.png) -32px -48px !important;
}

.ui-icon-left {

    width: 16px; height: 16px; background: url(../icons.png) 32px 48px !important;
}

.ui-icon-right {

    width: 16px; height: 16px; background: url(../icons.png) 64px 48px !important;
}

.ui-datatable .ui-datatable-data td,.ui-datatable .ui-datatable-data-empty td {

    border: none
}

.columnFind  {

    -webkit-border-radius: 0!important;

    -moz-border-radius: 0!important;

    border-radius: 0!important;


    -webkit-box-shadow: none!important;

    -moz-box-shadow: none!important;

    box-shadow: none!important;


    background: transparent!important;

    padding: 1px!important;

    width: 92%!important;

    border:none!important;

    color: #ff5a12!important;

    margin-top: 0!important;

    border: 1px!important;
}

.columnFind:focus {

    background: #ffffff!important;
}

.xFd {

    border-top:0!important;

    border-left:0!important;

    border-right:0!important;

    color:inherit!important;

    background:inherit!important
}

.xIn  {

    -webkit-border-radius: 0!important;

    -moz-border-radius: 0!important;

    border-radius: 0!important;


    -webkit-box-shadow: 0 0 0!important;

    -moz-box-shadow: 0 0 0!important;

    box-shadow: 0 0 0!important;

    border-right: none!important;

    border-left: none!important;

    border-top:  none!important;

    font-weight: bold!important;

    background-color: #ffffff;

    margin-top: 0!important;

    padding: 1px!important;
}

.xSel {

    -webkit-border-radius: 0!important;

    -moz-border-radius: 0!important;

    border-radius: 0!important;


    -webkit-box-shadow: 0 0 0!important;

    -moz-box-shadow: 0 0 0!important;

    box-shadow: 0 0 0!important;


    border-right: none!important;

    border-left: none!important;

    border-top: none!important;


    font-weight: bold!important;

    margin: 0!important;
}

.xSel .ui-inputfield {

    -webkit-border-radius: 0!important;

    -moz-border-radius: 0!important;

    border-radius: 0!important;


    -webkit-box-shadow: 0 0 0!important;

    -moz-box-shadow: 0 0 0!important;

    box-shadow: 0 0 0!important;


    padding: 1px!important;

    border-top: none!important;

    border-left: none!important;

    border-right: none!important;


    margin: 0!important;

    font-weight: bold!important;

    text-align: left;
}

.xAuto .ui-inputfield {

    -webkit-border-radius: 0!important;

    -moz-border-radius: 0!important;

    border-radius: 0!important;


    -webkit-box-shadow: 0 0 0!important;

    -moz-box-shadow: 0 0 0!important;

    box-shadow: 0 0 0!important;


    border-right: none!important;

    border-left: none!important;

    border-top: none!important;


    font-weight: bold!important;

    margin-top: 2px!important;

    padding: 1px!important;

    width: inherit!important;
}

.rmvCorner {

    -webkit-border-radius: 0!important;

    -moz-border-radius: 0!important;

    border-radius: 0!important;


    -webkit-box-shadow: 0 0 0!important;

    -moz-box-shadow: 0 0 0!important;

    box-shadow: 0 0 0!important;
}

.rmvCorner .ui-corner-all {

    -webkit-border-radius: 0!important;

    -moz-border-radius: 0!important;

    border-radius: 0!important;


    -webkit-box-shadow: 0 0 0!important;

    -moz-box-shadow: 0 0 0!important;

    box-shadow: 0 0 0!important;
}

.boxImage {

    padding: 5px 15px;

    border: 4px solid #fff;


    background-image: -moz-linear-gradient(top, #f6f2ec, #e2dbce);

    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f6f2ec),color-stop(1, #e2dbce));

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f6f2ec', EndColorStr='#e2dbce');


    box-shadow: 0 0 2px rgba(0, 0, 0, 0.35), 0 7px 5px -5px rgba(0, 0, 0, 0.85);

    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35), 0 7px 5px -5px rgba(0, 0, 0, 0.85);

    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35), 0 7px 5px -5px rgba(0, 0, 0, 0.65);
}

.note:before {

    top: -1px;

    right: -1px;

    content: '';

    position: absolute;


    border-style: solid;

    border-width: 0 9px 9px 0;

    border-color: #edbc29 #ffffff;


    box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);

    -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);

    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
}

.ui-datatable-tree .ui-icon-triangle-1-s {

    margin-right: 5px;

    width: 16px; height: 15px;

    background: url(../icons.png) 0 -65px !important;
}

.ui-datatable-tree .ui-icon-triangle-1-e {

    margin-right: 5px;

    width: 16px; height: 15px;

    background: url(../icons.png) -16px -65px !important;
}